<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>汇博人才招聘网</title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<style type="text/css">
			body {
				margin:0;
				background-color:#f2f2f2;
			}
			/*************header开始*************************/
			.header {
				width: 100%;
				height: 60px;
				background: #FFFFFF;
				border-bottom: 1px solid #eee;
				box-shadow: 0 1px 3px #ddd;
			}
			.wrap {
				width: 1000px;
				height: 60px;
				margin: auto;
				box-sizing: border-box;
				/*background: lightcyan;*/
			}
			.wrap > li {
				list-style: none;
				width: 125px;
				height: 60px;
				line-height: 60px;
				text-align: center;
				float: left;
				box-sizing: border-box;
			}
			.wrap img {
				display: block;
				width: 136px;
				margin-right: 20px;
				padding-top: 15px;
			}
			.wrap a {
				text-decoration: none;
			}
			.wrap li:nth-child(2) {
				width:60px;
			}
			.wrap li:nth-child(3) {
				width: 70px;
			}
			.wrap li:nth-child(2) a, .wrap li:nth-child(3) a {
				color: #999;
				margin-left: 20px;
			}
			.wrap li:nth-child(4) {
				width: 370px;
				height: 35px;
				border: 2px solid #dd100d;
				margin-top: 12px;
				margin-left: 15px;
			}
			.wrap .degree {
				display: block;
				float: left;
				border-right:solid 1px #dadada ;
				color: #8d8585;
				width: 60px;
				line-height: 30px;
				font-size: 12px;
			}
			.icon-sanjiaoxing-copy {
				color: #DD100D;
			}
			.wrap li:nth-child(4)>div {
				width: 255px;
				padding: 0 5px;
				line-height: 30px;
				float: left;
				box-sizing: border-box;
			}
			.wrap li:nth-child(4) input {
				border: 0 none;
				width: 100%;
				outline: none;
			}
			.wrap li:nth-child(4) font {
				display: block;
				width: 50px;
				line-height: 32px;
				cursor: pointer;
				background-color: #DD100D;
				float: left;
				color: #FFFFFF;
			}
			.wrap li:nth-child(5) {
				width: 30px;
				line-height: 14px;
				font-size: 12px;
				margin-top: 15px;
				margin-left: 5px;
			}
			.wrap li:nth-child(5) a {
				color:#999999;
			}
			li.nav-last3 {
				width: 70px;
				float: right;
				line-height: 16px;
				text-align: center;
				height: 14px;
				font-size: 12px;
				border-right: solid 1px #cad3d8;
				margin-top: 23px;
			}
			li.nav-last {
				border: 0;
			}
			li.nav-last3 a {
				color: #999999;
			}
			/*************header结束**************************/
			/*************center开始**************************/
			.center {
				width: 1000px;
				height: 1420px;
				background-color: #FFFFFF;
				margin: auto;
				margin-top: 20px;
				box-shadow: 0 0 60px #dbdbdb;
			}
			.info-company {
				width: 1000px;
				height: 220px;
				background-color: #fcfcfc ;
				margin: auto;
				border-bottom: solid 1px #ebebeb;
			}
			.info-left {
				width: 160px;
				height: 160px;
				float: left;
				margin-top: 30px;
				margin-left: 30px;
			}
			.info-center {
				float: left;
				box-sizing: border-box;
				width: 650px;
				padding-left: 30px;
			}
			.info-center>nav {
				font-size: 24px;
				color: #295266;
				font-weight: bold;
				margin-top: 30px;
			}
			.info-center span {
				display: block;
				font-size: 18px;
				color: #666666;
				line-height: 18px;
				margin-top: 20px;
			}
			.info-center font {
				display: block;
				color: #999;
				font-size: 14px;
				margin-bottom: 8px;
			}
			.fuli span{
				display: inline-block;
				border: solid 1px #cbcbcb;
				height: 20px;
				font-size: 14px;
				padding: 0 8px;
				line-height: 20px;
				color: #666666;
			}
			.info-right {
				width: 130px;
				height: 84px;
				float: right;
				margin-top: 30px;
			}
			.info-right li {
				list-style: none;
				height: 42px;
				border: 1px solid #dbdbdb;
				border-right: 0;
				text-align: center;
				line-height: 42px;
				color: #3d84b8;
				cursor: pointer;
			}
			.btn-guanzhu:hover {
				color: #FFFFFF;
				background-color: #00aadb;
			}
			.btn-guanzhu img{
				border-radius: 50%;
			}
			.info-right .jubao {
				border-top: 0;
				color: #999999;
			}
			.info-bottom {
				float: left;
				width: 1000px;
				height: 100px;
				border-bottom: solid 1px #EBEBEB;
			}
			.info-bottom li {
				float: left;
				list-style: none;
				width: 140px;
				height: 40;
				border-right:dashed 1px #CAD3D8 ;
				text-align: center;
				margin-top: 35px;	
			}
			.info-bottom li:last-child {
				border: 0;
			}
			.info-bottom li>*{
				display: block;
				height: 20px;
			}
			.info-bottom li>span {
				color: #666666;
				font-size: 18px;
				margin-bottom: 8px;
			}
			.info-bottom li>label {
				color: #999999;
				font-size: 14px;
			}
			.info-bottom li>label>* {
				display: block;
				float: left;
			}
			.info-bottom li i {
				width: 19px;
				height: 19px;
				background-image: url(img/icon_appeal.png);
				background-position: 0 -264px;
				margin-left: 30px;
				margin-right: 5px;
			}
			.middle {
				float: left;
				width: 1000px;
				height: 900px;
				margin: auto;
				border-bottom: solid 1px #ebebeb;
			}
			.maddle-left {
				float: left;
				width: 700px;
				height: 1200px;
			}
			.middle-right {
				width: 300px;
				height: 1120px;
				float: right;
				background-color: #fafafa;
			}
			.middle-right-info {
				width: 300px;
				height: auto;
			}
			.middle-right li {
				list-style: none;
				padding: 20px 0px 15px;
    			width: 250px;	
			}
			.middle-right-info li span {
				display: inline-block;
				background: none repeat scroll 0 0 #fff;
				color: #8fa4b3;
    			height: 25px;
    			line-height: 25px;
    			margin-right: 9px;
    			text-align: center;
    			width: 42px;
    			vertical-align: middle;
			}
			.middle-right-info li em {
				font-size: 14px;
				color: #666;
    			height: 25px;
    			line-height: 25px;
    			font-style: normal;
    			vertical-align: middle;	
			}
			.middle-right-info li a {
				text-decoration: none;
				color: #3d84b8;
				font-weight: bold;
			}
			.middle-right-info li a:hover {
				color: #00AAFF;
				text-decoration: underline;
				font-weight: bold;
			}
			.leave-messages {
				width: 295px;
				height: 60px;
				background-color: #FFFFFF;
				margin-left: 5px;
			}
			.leave-messages h2 {
    			font-size: 14px;
    			color: #333;
    			padding-left: 25px;
    			line-height: 18px;
    			padding-top: 20px;
			}
			.leave-messages .leave-messages-img {
				padding-top: 4px;
				margin-right: 10px;
				float: left;
			}
			.leave-messages h2>img:last-child {
				float: right;
				margin-right: 15px;
			}
			.newAddress {
				width: 300px;
				height: 400px;
			}
			.newAddress span {
				display: inline-block;
				font-size: 16px;
    			color: #444;
    			margin-top: 20px;
    			margin-left: 30px;
			}
			.newAddress p {
				margin-top: 10px;
				font-size: 16px;
				margin-left: 30px;
			}
			.newAddress .more {
				width: 256px;
				height: 256px;
				background-image: url(img/map.png);
			}
			.scanlocation {
				display: inline-block;
				width: 20px;
				height: 20px;
				margin-left: 170px;
				margin-top: 4px;
				background-image: url(img/icon_appeal.png);
			}
			.location .scanMap {
				float: right;
				margin-right: 10px
			}
			.location a:last-child {
				text-decoration: none;
				color: #3d84b8;
			}
			.location a:last-child:hover {
				color: #00AAFF;
			}
			.middle-top {
				width: 700px;
				height: 50px;
				border-bottom: solid 1px #ebebeb;
			}
			.middle-top a {
				display: inline-block;
				text-decoration: none;
				margin-top: 20px;
				margin-left: 50px;
			    color: #444;
    			font-size: 16px;
			}
			.middle-top a:first-child {
				padding-bottom: 5px;
				border-bottom: 2px solid #2abbb4;
			}
			.middle-top font {
				color: #2abbb4;
			}
			.article {
				width: 700px;
				height: 480px;
				border-bottom: solid 1px #EBEBEB;
			}
			.article p {
				text-indent: 2em;
				font-size: 14px;
    			color: #666;
    			line-height: 30px;
    			overflow: hidden;
    			padding-left: 50px;
    			margin-right: 20px;
			}
			.article a {
				text-decoration: none;
			}
			.article img {
				width: 180px;
				height: 123px;
				margin-right: 10px;
				padding: 0;
			}
			.appl{
				margin: auto;
				width: 650px;
				height: 500px;
				background: #FCFCFC;
				margin-top: 30px;
			}
			.appl .appl-top{
				display: inline-block;
				font-size: 14px;
				margin-left: 20px;
			}
			.appl .appl-top font {
				color: #2abbb4;
			}
			.appl .appl-last {
				display: inline-block;
				width: 520px;
				font-size: 14px;
    			border-bottom: 1px dashed #ccc;
    			margin-top: 5px;
    			margin-left: 10px;	
			}
			.appl-star span:last-child {
				color: #fe6462;
				font-size: 14px;
			}
			.appl-star span:first-child,.appl-star-top span:first-child, .appl-star-top span:nth-child(4) {
				color: #999999;
				font-size: 12px;
				margin-left: 20px;
			}
			.appl-star-stars {
				display: inline-block;
				width: 130px;
				height: 18px;
				margin-top: 10px;
				background-image: url(img/star.png);
				background-repeat: no-repeat;
			}
			.appl-star-top span:nth-child(3),.appl-star-top span:nth-child(6){
				color: #fe6462;
				font-size: 14px;
			}  
			.appl-star-center > span{
				color: #2abbb4;
    			margin-top: 10px;
    			border: 1px solid #ccc;
   				font-size: 12px;
    			border-radius: 15px;
    			height: 20px;
    			padding: 0 10px;
    			line-height: 18px;
    			display: inline-block;
    			margin-left: 20px;
			}
			.appl-star-bottom img {
				margin-top: 30px;
				width: 100%;
				height: 400px;
				background-repeat: no-repeat;
				background-size: contain;
			}
			/*************center结束**************************/
			.botttom {
				float: left;
				/*clear: both;*/
				width: 1000px;
				height: 100px;
				margin-top: 250px;
			}
			.botttom li {
				list-style: none;
			}
			.botttom>li>span>img {
				float: left;
				display: inline-block;
				width: 36px;
				height: 54px;
			}
			.botttom li a {
				text-decoration: none;
				border: 1px solid #e9e9e9;
    			display: inline-block;
    			float: left;
    			background-color: #FFFFFF;
    			width: 225px;
    			height: 70px;
    			margin: 0 0 0 14px;
    			line-height: 100px;
    			text-align: center;
			}
			.botttom li a:hover {
				border: 1px solid red ;
			} 
			/**************footer start *****************/
			.footer {
				float: left;
				width: 100%;
    			border-top: 1px solid #dadada;
    			padding: 15px 0;
   				background: #fff;
    			font-size: 12px;
    			zoom: 1;
    			line-height: 24px;
    			text-align: center;
			}
			.footer-nav li {
				list-style: none;
			}
			.footer-nav a {
				text-decoration: none;
				color: #666;
				
			}
			.footer-nav a:hover{
				color: #0af;
			}
			.coopyright {
				color: #666666;
			}
			/*****************footer end*****************/
		</style>
	</head>
	<body>
	<div class="header">
		<div class="wrap">
			<li><a href=""><img src="img/smLogo.jpg"/></a></li>
			<li><a href="#">首页</a></li>
			<li><a href="#" class="iconfont icon-caidan">浏览</a></li>
			<li>
				<a class="degree">职位&nbsp;<i class="iconfont icon-sanjiaoxing-copy"></i></a>
				<div>
					<input type="text" placeholder="找一找，总有适合您的工作" />
				</div>
				<font>搜索</font>
			</li>
			<li><a href="">高级搜索</a></li>
			<li class="nav-last3 nav-last"><a href="">注册<i class="iconfont icon-arrow-top1"></i></a></li>
			<li class="nav-last3"><a href="">登录 <i class="iconfont icon-arrow-top1"></i></a></li>
			<li class="nav-last3"><a href="">职位订阅</a></li>
		</div>
	</div>
	<div class="center">
		<div class="info-company">
			<div class="info-left">
				<img src="img/copy20150805121736ent49no58.jpg"/>
			</div>
			<div class="info-center">
				<nav>汇博人才网</nav>
				<span>重庆聚焦人才服务有限公司&nbsp;&nbsp; <img src="img/newJob_10.png"/></span>
				<font>
					<p>
						<img src="img/newJob_58.png"/>
						专业高效的招聘服务平台，旗下拥有汇博人才网、汇博人才市场
						<img src="img/newJob_59.png"/>
					</p>
					<div class="fuli">
						<span>双休</span>
						<span>五险</span>
						<span>绩效奖金</span>
						<span>团队聚餐</span>
						<span>工作氛围轻松</span>
						<span>帅哥美女多</span>
					</div>
				</font>
			</div>
			<div class="info-right">
				<div class="guanzhu">
					<li>
					<img src="img/newJob_64.png"/>
					<span class="btn-guanzhu">加关注</span>
					</li>
				</div>
				<div>
					<li class="jubao">举报</li>
				</div>
			</div>
			<div class="info-bottom">
				<li>
					<span>68%</span>
					<label>
						<i style="margin-left: 37px;"></i>
						<font>回复率</font>
					</label>
				</li>
				<li>
					<span>47小时</span>
					<label>
						<i></i>
						<font>回复时长</font>
					</label>
				</li>
				<li>
					<span>39</span>
					<label>面试评价</label>
				</li>
				<li>
					<span>14</span>
					<label>在招职位</label>
				</li>
				<li>
					<span>今天</span>
					<label>登录时间</label>
				</li>
			</div>
			<div class="middle">
				<div class="maddle-left">
					<div class="middle-top">
						<a href="">公司简介</a>
						<a href="">在招职位<font>(16)</font></a>
					</div>
					<div class="article">
						<p>重庆聚焦人才服务有限公司是国内成立较早的招聘求职平台，现已发展成为重庆地区规模大、技术先进、综合服务功能齐全的人才服务企业。</p>
						<p>公司旗下有网站和现场两大主力品牌“汇博人才网”、“汇博人才市场”。“汇博人才网（www.huibo.com）”目前是西南地区规模大、成立早、访问量高、服务客户品质好的专业人才招聘网站。“汇博人才市场”依托“汇博人才网”采取定期举办创新的线上线下互动式现场招聘会。四大发展品牌“劳务派遣”、“汇博RPO”、“汇博校园”、“汇博商学院”。</p>
						<p> 公司现有员工300余人，专科以上学历占总人数的75%以上。是“重庆市高校毕业生就业见习基地”和“港澳台青年人才重庆实践基地”。</p>
						<p>未来，期待您的加入！</p>
						<p>
							<a href=""><img src="img/0516095011745_127.jpg"/></a>
							<a href=""><img src="img/0301123741199_551.jpg"/></a>
							<a href=""><img src="img/0301123742542_712.jpg"/></a>
						</p>
						<div class="appl">
							<span class="appl-top">面试评价<font>(39)</font></span>
							<span class="appl-last">  </span>
							<div class="appl-star">
							<span>总体评价:</span>
							<span class="appl-star-stars"></span>
							<span>4.1分</span>
							</div>
							<div class="appl-star-top">
								<span>职位描述相符：</span>
								<span class="appl-star-stars"></span>
								<span>4.1分</span>
								<span>面试体验：</span>
								<span class="appl-star-stars"></span>
								<span>4分</span>
							</div>
							<div class="appl-star-center">
								<span>HR很随和<font>(16)</font></span>
								<span>面试官很赞<font>(12)</font></span>
								<span>环境高大上<font>(6)</font></span>
								<span>面试效率高<font>(6)</font></span>
								<span>面试官是大神<font>(2)</font></span>
							</div>
							<div class="appl-star-bottom"><img src="img/blurMask2.jpg"/></div>
						</div>
					</div>
				
				</div>
				<div class="middle-right">
					<div class="middle-right-info">
						<ul>
							<li>
								<span>行业</span>
								<em title="人力资源服务,互联网/移动互联网/电子商务">人力资源服务,互联网...</em>
							</li>
							<li>
								<span>性质</span>
								<em>民营</em>
							</li>
							<li>
								<span>规模</span>
								<em>101-500人</em>
							</li>
							<li>
								<span>网址</span>
								<a target="_blank" href="">http://www.huibo.com</a>
							</li>
						</ul>
					</div>
					<div class="leave-messages">
						<h2>
							<img class="leave-messages-img"  src="img/message.png"/>
							给我留言
							<img src="img/resumeNbtn.png"/>
						</h2>
					</div>
					<div class="newAddress">
						<span class="name">公司地址</span>
						<p class="address">江北富力.海洋广场4栋负2-56号（工商银行旁电梯入口）</p>				
						<p class="more">
							<a target="_blank" href="">
								<i></i>
							</a>
						</p>
						<p class="location">
							<a href="">
								<i class="scanlocation"></i>
							</a>
							<a  class="scanMap" href="">查看地图</a>
						</p>
				</div>
		</div>
		
	</div>
	<div class="botttom">
			<li>
				<span><img src="img/star_employer_job.png"/></span>
				<a href=""><img src="img/full0623707412.png"/></a>
				<a href=""><img src="img/full0623654384.png"/></a>
				<a href=""><img src="img/full0510955651.png"/></a>
				<a href=""><img src="img/full0510464364.png"/></a>
			</li>
	</div>
	</div>
	</div>
	<div class="footer">
		<div class="footer-nav">
			<li>
				<a href="">关于汇博</a>&nbsp;|
				<a href="">联系我们</a>&nbsp;|
				<a href="">诚聘英才</a>&nbsp;|
				<a href="">品牌合作</a>&nbsp;|
				<a href="">媒体合作</a>&nbsp;|
				<a href="">友情链接</a>&nbsp;|
				<a href="">法律声明</a>&nbsp;|
				<a href="">隐私政策</a>&nbsp;|
			</li>
		</div>
		<div class="coopyright">
			<p>©2018 汇博网 版权所有  |  增值电信业务经营许可证：渝B2-20060063  |  人才中介服务许可证：渝新委发[2012] 124号  |  渝公网安备 50010502001182号</p>
			<p>招聘单位无权收取任何费用,请求职人员加强自我保护意识,按劳动法规保护自身权益,警惕虚假招聘,避免上当受骗!</p>
		</div>
		
	</div>
		
	</body>
	
</html>
